<template>
  <div >
    <global-header :user="currentUser"></global-header>
    <!-- <h1>知乎专栏</h1> -->
    <ColumnList :list="post" style="text-align: center;" />
  </div>
   <footer class="text-center py-4 text-secondary bg-light mt-auto">
    <small>
      <ul class="list-inline mb-0">
        <li class="list-inline-item"><a href="http://www.baidu.com">© 仿知乎专栏</a></li>
        <li class="list-inline-item"><a href="http://www.baidu.com">课程</a></li>
        <li class="list-inline-item"><a href="http://www.baidu.com">文档</a></li>
        <li class="list-inline-item"><a href="http://www.baidu.com">联系</a></li>
        <!-- <li class="list-inline-item">更多</li> -->
      </ul>
    </small>
  </footer>
</template>

<script>
// @ is an alias to /src
import {testColumns} from './store/testData'
import ColumnList from '@/components/ColumnList.vue'
import GlobalHeader from './components/GlobalHeader.vue'
import 'bootstrap/dist/css/bootstrap.min.css'

export default {
  name: 'App',
  components: {
    ColumnList,
    GlobalHeader,

  },
  data() {
  return {
      post:testColumns
    }
  }
}
// console.log(testColumns)
</script>


<style>
/* #app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}  */

 nav {
  padding: 30px;
}

nav a {
  font-weight: bold;
  color: #2c3e50;
}

nav a.router-link-exact-active {
  color: #42b983;
} 
</style>  -->

